<template>
    <div class="error">
        <img src="/403.svg"/>
        <h1 class="message">{{msg}}</h1>
    </div>
</template>
<script>
    import {message} from 'ant-design-vue';
    export default {
        name: "TokenError",
        data() {
            return {
                msg: '您没有访问权限,请联系群管或总管'
            }
        },
        mounted() {
            let message = this.$route.params.msg;
            if (message){
                this.msg = message;
            }
        }

    }
</script>
<style>
    .error {
        text-align: center;
        margin-top: 200px;
        height: 600px;
    }

    .message {
        color: #4a90e2;
        display: inline-block;
        font-weight: bold;
        margin-left: 20px;
        font-size: 16px;
    }
</style>
